<template>
	<div>
		<el-row>
			<el-col>
				<h5>Finance财务管理系统</h5>
				<el-menu default-active="2" class="el-menu-vertical-demo">
					<el-menu-item index="statistics" @click="link('statistics')">
					<i class="el-icon-setting"></i>
						<span slot="title">数据统计</span>
						<i class="el-submenu__icon-arrow el-icon-arrow-right"></i>
					</el-menu-item>
					<el-menu-item index="member" @click="link('manager')">
						<i class="el-icon-setting"></i>
						<span slot="title">管理员</span>
						<i class="el-submenu__icon-arrow el-icon-arrow-right"></i>
					</el-menu-item>
					<el-menu-item index="classify"  @click="link('classify')">
						    <i class="el-icon-setting"></i>
						<span slot="title">分类管理</span>
						<i class="el-submenu__icon-arrow el-icon-arrow-right"></i>
					</el-menu-item>
					<el-menu-item index="product" @click="link('product')">
		        <i class="el-icon-setting"></i>
						<span slot="title">产品管理</span>
						<i class="el-submenu__icon-arrow el-icon-arrow-right"></i>
					</el-menu-item>
					<el-menu-item index="orders" @click="link('orders')">
						     <i class="el-icon-setting"></i>
						<span slot="title">订单管理</span>
						<i class="el-submenu__icon-arrow el-icon-arrow-right"></i>
					</el-menu-item>
				</el-menu>
			</el-col>
		</el-row>
	</div>
</template>

<script>
	export default {
		data() {
			return {}
		},
		methods: {
			link(params) {
				this.$router.push({
					path: "/home/" + params
				})
			}
		}
	}
</script>

<style>
	h5 {
		height: 60px;
		line-height: 60px;
	}

	.el-aside .el-menu span {
		display: inline-block;
		width: 100px;
		text-align: left;
	}
</style>
